<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="top">
    <!--    第一个对象：放置logo-->
    <!--    这里如果不设置浮动，就是上下结构，因为我们div属于块元素，自动换行-->
    <div class="top-logo">
        <div class="top-logo-img float-left"><img src="../img/logo_g0yv.jpg" height="141" width="204"/></div>
        <div class="top-logo-phone float-right">
            <div class="top-logo-phone-img float-left"><img src="../img/icon2_03_uc2a.png" height="30" width="30"/>
            </div>
            <div class="top-logo-phone-num float-right">028-88888888</div>
        </div>
    </div>
    <div class="top-nav">
        <!--        下面的div目的就是为了让导航里面的内容居中-->
        <div class="top-nav-content">
            <ul>
                <a href="home.html">
                    <li>网站首页</li>
                </a>
                <a href="company.html">
                    <li>公司简介</li>
                </a>
                <a href="news.html">
                    <li>新闻动态</li>
                </a>
                <a href="product.html">
                    <li>产品展示</li>
                </a>
                <a href="online.html">
                    <li>在线留言</li>
                </a>
                <a href="callus.html">
                    <li>联系我们</li>
                </a>
            </ul>
        </div>
    </div>
    <div class="top-ad">
        <div class="top-ad-one">
            <!--            这个点用键盘1左边的点-->
            品味生活·品味美食
        </div>
        <div class="top-ad-two">
            <p>一壶茶沏出了生活的醉关</p>
            <p>一枝花开出了生活的鲜艳</p>
            <p>一首诗吟出了生活的酸辛</p>
            <p>一把火 燃烧出了生活的激情</p>
            <p>一枝笔绘出了人生的五彩缤纷</p>
            <p>一首歌 唱出了人生的喜怒哀惧</p>
            <p>生活像五味瓶，这么酿、这么甜，这么苦、又这么辣</p>

        </div>
        <div class="top-ad-three">
            <span>品味</span>
            <span>生活</span>
            &nbsp;
            &nbsp;
            <span>品味</span>
            <span>美食</span>
        </div>
        <div class="top-ad-four">
            星语餐饮给你生活指南
        </div>

    </div>
</div>
</body>
</html>